<template>
  <div>
    <el-card>
      御剑乘风来,除魔天地间!===detail===={{ $route.params.id }}
      <el-tabs v-model="activeName">
        <el-tab-pane label="登录账号设置" name="first">
          <user-setting />
        </el-tab-pane>
        <el-tab-pane label="个人详情" name="second">
          <user-info />
        </el-tab-pane>
        <el-tab-pane label="岗位信息" name="third">
          <job-info />
        </el-tab-pane>
      </el-tabs>

    </el-card>
   </div>
</template>

<script>

import userSetting from './user-setting.vue'
import userInfo from './user-info.vue'
import jobInfo from './job-info.vue'
export default {
  name: '',
  components: {
    userSetting,
    userInfo,
    jobInfo

  },
  data() {
    return {
      activeName: 'second'
    }
  },
	 created() {
    /*
			$router=======路由实例对象
			$route========获取参数的【路由传参】
			routes========路由匹配规则对象
			 */
    // console.log(this.$route.params.id, 88)
    // this.getInfo()
  },
  methods: {
    // async getInfo() {
    //   const res = await getPersonalDetail(this.$route.params.id)
    //   console.log(res, 222)
    //   this.userInfo = res
    // }
  }

}
</script>
<style lang='less'  scoped>

</style>
